<script setup lang="ts">
import DefaultTheme from "vitepress/theme";
import Comments from "./components/Comments.vue";
import OneNavigation from "@shared/components/OneNavigation.vue";
import { useLocale } from "./hooks";

const { Layout } = DefaultTheme;
const { isKorean } = useLocale();
</script>

<template>
  <OneNavigation />
  <div class="layout-wrapper">
    <Layout>
      <template #doc-after>
        <Comments />
      </template>
    </Layout>
  </div>
</template>

<style>
:root {
  --one-navi-width: 50px;
}
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

@media (min-width: 1024px) {
  .layout-wrapper {
    padding-left: var(--one-navi-width);
  }
  .VPSidebar,
  .divider,
  .container > .title,
  .VPNavBar.has-sidebar .content {
    margin-left: var(--one-navi-width);
  }
  .VPNavBar.has-sidebar > .title {
    background: var(--vp-sidebar-bg-color) !important;
  }
}
</style>
